<div id="info">
<!--===========================================================================================================================================================
	TOP: Cards left, Score, and Trump card
============================================================================================================================================================-->
	<div class="row top">
		<div id="cardsLeft" class="col-md-4">Cards Left: 
			<label id="cardsLeftLbl"
				   <?php if($deckCount>=16) echo 'class="text-success"';
						 if($deckCount<15 && $deckCount>9) echo 'class="text-warning"';
						 if($deckCount<=9) echo 'class="text-danger"'?> >
				<?php echo $deckCount; ?> 
			</label> 
		</div>
		<div id="score" class="col-md-4 alignCenter">
			<label class="score"><b><?php echo $score[0] ?></b> || <b><?php echo $score[1] ?></b></label>
		</div>
		<div id="trumpName" class="col-md-4 alignRight">
			Trump Card: <label><b><?php echo $trump['name'].' of '.$trump['suit'] ?></b></label>
		</div>
	</div>
<!--===========================================================================================================================================================
	Opponent and Their Number of Cards
============================================================================================================================================================-->
	<div id="opponentStatus" class="row">
		<div class="col-md-11 alignRight">
			<?php if ($shuffle['opponentShuffle']==1): ?> <a href="<?php echo site_url('start') ?>"><button class="btn btn-warning btn-sm">Shuffle</button></a><?php endif ?>
			<?php foreach ($hand['nextHand'] as $oHand): ?>
					<img class="opponentCards" src="<?php echo base_url('assets/images/p'.$player['nextPlayer'].'.png') ?>">
			<?php endforeach ?>
		</div>
		<div class="col-md-1 noPaddingLeft">
			<label class="text-muted"> Player <?php echo $player['nextPlayer'] ?></label>
		</div>
	</div>
</div>